@import url('~/static/fonts/iconfont.css');

@import '@climblee/uv-ui/index.scss';
page {
  box-sizing: border-box;
  overflow: auto;
  background-color: #f6f6f6;
}

@font-face {
  // font-family: 'HuXiaoBo';
  // src: url('https://cadre-1314961707.cos.ap-beijing.myqcloud.com/2023/08/HuXiaoBoNanShenTi-2.otf') format('truetype');
}

.HuXiaoBo {
  // font-family: 'HuXiaoBo';
}

.line-clamp,
.text-hide {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.line-clamp2,
.text-hide2 {
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  /* 这里是超出几行省略 */
  overflow: hidden;
}

.text-hide2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

view {
  box-sizing: border-box;
}

button:after {
  border: none;
}

button:active {
  opacity: 0.7;
}

button[disabled] {
  opacity: 0.4;
  background-color: #999 !important;
  // cursor: ;
}

.bc-hover {
  opacity: 0.6;
}

.nav-text {
  flex: 1;
  line-height: 88rpx;
  color: white;
  font-size: 34rpx;
  font-weight: 500;
  text-align: center;
}

.padding-bottom-aq {
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}

.pb-aq {
  box-sizing: initial;
  bottom: constant(safe-area-inset-bottom);
  bottom: env(safe-area-inset-bottom);
}

.fixed-bottom-box {
  height: 128rpx;
  box-sizing: initial;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}

.fixed-bottom {
  position: fixed;
  z-index: 5;
  height: 128rpx;
  box-sizing: initial;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 100%;
  display: flex;
  align-items: center;
  background: #ffffff;
  box-shadow: 0px -4px 10px 0px rgba(0, 0, 0, 0.1);
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
  font-size: 28rpx;
  text-align: center;
  line-height: 72rpx;
}

.app {
  min-height: 100vh;
  background: #ffffff;
}

.dark {
  background: #121212;
}

/* 解决小程序和app滚动条的问题 */
/* #ifdef MP-WEIXIN || APP-PLUS */
::-webkit-scrollbar {
  display: none;
  width: 0 !important;
  height: 0 !important;
  -webkit-appearance: none;
  background: transparent;
  color: transparent;
}

/* #endif */

/* 解决H5 的问题 */
/* #ifdef H5 */
uni-scroll-view .uni-scroll-view::-webkit-scrollbar {
  /* 隐藏滚动条，但依旧具备可以滚动的功能 */
  display: none;
  width: 0 !important;
  height: 0 !important;
  -webkit-appearance: none;
  background: transparent;
  color: transparent;
}

/* #endif */
::-webkit-scrollbar {
  display: none;
  width: 0 !important;
  height: 0 !important;
  -webkit-appearance: none;
  background: transparent;
  color: transparent;
}

.rounded-tlr {
  :deep(uni-transition>view) {
    border-radius: 32rpx 32rpx 0 0;
    overflow: hidden;
    z-index: 9999;
  }

  :deep(.uni-popup) {
    z-index: 9999;
  }
}

.popup-content {
  border-radius: 32rpx 32rpx 0 0;
}

.bcF6 {
  background-color: #F6F6F6;
}

// 归属地弹框
.popup-dialog {
  :deep(uni-transition>view) {
    border-radius: 16rpx 16rpx 0 0;
    overflow: hidden;
    z-index: 9999;
  }

  :deep(.uni-popup) {
    z-index: 9999;
  }
}

.bgfff {
  background-color: #fff;
}

.popup-contents {
  width: 600rpx;
  padding: 30rpx 40rpx;
  border-radius: 16rpx;
}